[class*="animation-"] { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
    audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
    a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: .67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }
button { line-height: normal; }
button, input { color: inherit; font-family: sans-serif; margin: 0; }
optgroup { color: inherit; line-height: normal; }
optgroup, select, textarea { font-family: sans-serif; margin: 0; }
textarea { line-height: normal; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
    button[disabled], html input[disabled] { cursor: default; }
    button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
    input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: 700; }
* { outline: 0; -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-touch-callout: none; background: -webkit-linear-gradient(top,transparent,transparent); background: linear-gradient(to bottom,transparent,transparent); }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
html { height: 100%; background: #f28817 url(../../images/HuaYuanDan/bg.jpg) center center no-repeat; background-size: 100% 100%; font-size: 1rem; font-family: 'Microsoft YaHei','Helvetica Neue',Helvetica,sans-serif; color: #fff; }
html, body { padding: 0; margin: 0; height: 100%; overflow: hidden; }
.scroll-pack { height: 100%; width: 100%; }
.scroll-page { width: 100%; }
[data-ctrl-name="pageview"] { position: relative; }
[data-ctrl-name="pageview"].fullscreen { width: 100%; height: 100%; overflow: hidden; }
[data-ctrl-name="pageview"] > .view { position: absolute; z-index:0;}
[data-ctrl-name="pageview"].fullscreen > .view { width: 100%; height: 100%; overflow: hidden; transform: translateX(100%); }
[data-ctrl-name="pageview"].fullscreen > .currentpage { transform: translateX(0); z-index:100;}
[data-ctrl-name="pageview"] > .scroll-page { transition-property: transform; transition-duration: .45s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.01,0.01,0,1); -webkit-transition-property: all; -webkit-transition-duration: .45s; -webkit-transition-delay: 0s; -webkit-transition-timing-function: cubic-bezier(0.01,0.01,0,1); }

.eg-bar-tab { bottom: 0; display: table; width: 100%; height: 50px; padding: 0; table-layout: fixed; border-top: 0; border-bottom: 0; -webkit-touch-callout: none; }
.eg-bar-tab .eg-tab-item { display: table-cell; overflow: hidden; width: 1%; height: 50px; text-align: center; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; color: #fff; }
.eg-bar-tab .eg-tab-item.eg-active { color: #007aff; }
.eg-bar-tab .eg-tab-item .eg-icon { top: 3px; width: 24px; height: 24px; padding-top: 0; padding-bottom: 0; }
.eg-bar-tab .eg-tab-item .eg-icon ~ .eg-tab-label { font-size: 11px; display: block; overflow: hidden; text-overflow: ellipsis; }
.eg-bar-tab .eg-tab-item .eg-icon:active { background: 0; }
.wheel { width: 80%; height: auto; margin: 0 auto; }
.wheelbox { height: 60vh; position: relative; overflow: hidden; }
.wheelbox .wheel { position: absolute; left: 50%; top: 20px; margin-left: -40%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 30px #ffe400; -moz-box-shadow: 0 0 30px #ffe400; box-shadow: 0 0 30px #ffe400; }
.wheelbox .pointer { width: 80%; height: auto; position: absolute; left: 50%; top: 20px; margin-left: -40%; }
.wheelround { animation-name: turning; animation-duration: 5s; animation-timing-function: cubic-bezier(0.01,0.01,0,1); animation-delay: 2s; animation-iteration-count: 2; animation-direction: normal; animation-play-state: running; -webkit-animation-name: turning; -webkit-animation-duration: 5s; -webkit-animation-timing-function: cubic-bezier(0.01,0.01,0,1); -webkit-animation-delay: 2s; -webkit-animation-iteration-count: 2; -webkit-animation-direction: normal; -webkit-animation-play-state: running; }
.animation { transform-origin: 50% 50%; transform: rotate(0deg); }
.spinner-done { transform-origin: 50% 50%; transition-property: all; transition-duration: 4.5s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.01,0.01,0,1); -webkit-transition-property: all; -webkit-transition-duration: 4.5s; -webkit-transition-delay: 0s; -webkit-transition-timing-function: cubic-bezier(0.01,0.01,0,1); }
.em-spinner { -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation-name: spinner-spin; -webkit-animation-duration: .4s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 3; animation-name: spinner-spin; animation-duration: .4s; animation-timing-function: ease-in-out; animation-iteration-count: 3; }

@-webkit-keyframes spinner-spin {
    0% { -webkit-transform: rotate(0deg); }
    8.33333333% { -webkit-transform: rotate(30deg); }
    16.66666667% { -webkit-transform: rotate(60deg); }
    25% { -webkit-transform: rotate(90deg); }
    33.33333333% { -webkit-transform: rotate(120deg); }
    41.66666667% { -webkit-transform: rotate(150deg); }
    50% { -webkit-transform: rotate(180deg); }
    58.33333333% { -webkit-transform: rotate(210deg); }
    66.66666667% { -webkit-transform: rotate(240deg); }
    75% { -webkit-transform: rotate(270deg); }
    83.33333333% { -webkit-transform: rotate(300deg); }
    91.66666667% { -webkit-transform: rotate(330deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spinner-spin {
    0% { transform: rotate(0deg); }
    8.33333333% { transform: rotate(30deg); }
    16.66666667% { transform: rotate(60deg); }
    25% { transform: rotate(90deg); }
    33.33333333% { transform: rotate(120deg); }
    41.66666667% { transform: rotate(150deg); }
    50% { transform: rotate(180deg); }
    58.33333333% { transform: rotate(210deg); }
    66.66666667% { transform: rotate(240deg); }
    75% { transform: rotate(270deg); }
    83.33333333% { transform: rotate(300deg); }
    91.66666667% { transform: rotate(330deg); }
    100% { transform: rotate(360deg); }
}

#demohand { width:50px;height:auto;position:absolute;top:50%;right:10%;
            -webkit-animation-name: handmove; -webkit-animation-duration: .4s; -webkit-animation-timing-function:cubic-bezier(0.01,0.01,0,1); -webkit-animation-iteration-count: 3; animation-name: handmove; animation-duration: .4s; animation-timing-function:cubic-bezier(0.01,0.01,0,1); animation-iteration-count: 3;
}

@-webkit-keyframes handmove {
    0%   { -webkit-transform: translateX(0)     translateY(0) ; }
    12.5%{ -webkit-transform: translateX(-14%)  translateY(88%) ; }
    25%  { -webkit-transform: translateX(-187%) translateY(211%)} 
    37.5%{ -webkit-transform: translateX(-333%) translateY(141%) ; }  
    50%  { -webkit-transform: translateX(-378%) translateY(11%); }
    62.5%{ -webkit-transform: translateX(-367%) translateY(-93%); } 
    75%  { -webkit-transform: translateX(-186%) translateY(-224%) ; }
    87.5%{ -webkit-transform: translateX(-28%)  translateY(-134%); } 
    100% { -webkit-transform: translateX(0)     translateY(0) ; }
}

@keyframes handmove {
    0%    { transform: translateX(0) translateY(0) ; }
    12.5% { transform: translateX(-14%) translateY(88%) ; }
    25%   { transform: translateX(-187%) translateY(211%)} 
    37.5% { transform: translateX(-333%) translateY(141%) ; }  
    50%   { transform: translateX(-378%) translateY(11%); }
    62.5% { transform: translateX(-367%) translateY(-93%); } 
    75%   { transform: translateX(-186%) translateY(-224%) ; }
    87.5% { transform: translateX(-28%) translateY(-134%); } 
    100%  { transform: translateX(0) translateY(0) ; }
}
.refinger {position:fixed;top:0;right:0;display:none;width:50px;
            -webkit-animation: tofinger infinite .75s; animation: tofinger infinite .75s; -webkit-transform-origin: 50% 0; transform-origin: 50% 0;
            -webkit-animation-timing-function:cubic-bezier(0.01,0.01,0,1);  animation-timing-function:cubic-bezier(0.01,0.01,0,1); 
}
@-webkit-keyframes tofinger {
     0%  {-webkit-transform:rotate(25deg) scale(1);   }
    15%  {-webkit-transform:rotate(25deg) scale(0.75);  }
    30%  {-webkit-transform:rotate(25deg) scale(1);  }
    45%  {-webkit-transform:rotate(25deg) scale(0.9);  }
    60%  {-webkit-transform:rotate(25deg) scale(1);  }
    100% {-webkit-transform:rotate(25deg) scale(1); }
}

@keyframes tofinger {
     0%  {transform:rotate(25deg) scale(1); }
    15%  {transform:rotate(25deg) scale(0.75);  }
    30%  {transform:rotate(25deg) scale(1);  }
    45%  {transform:rotate(25deg) scale(0.9);  }
    60%  {transform:rotate(25deg) scale(1);  }
    100% {transform:rotate(25deg) scale(1); }
}

.eg-boxshadow { -webkit-box-shadow: 0 3px 12px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 12px rgba(0,0,0,0.3); box-shadow: 0 3px 12px rgba(0,0,0,0.3); }
.eg-top-bar { height: 15vh; }
.eg-bar-tit { margin-top: 20px; background-color: #fed1b2; color: #000; height: 40px; padding: 0 30px 0 25px; line-height: 40px; vertical-align: bottom; display: inline-block; border-radius: 25px; position: relative; }
    .eg-bar-tit img { position: absolute; right: -10px; bottom: 0; }
.eg-btn { display: inline-block; background-color: #fed1b2; height: 36px; padding: 0 20px; line-height: 36px; text-decoration: none; outline: 0; -webkit-transition: all; transition: all; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-box-shadow: 0 3px 12px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 12px rgba(0,0,0,0.3); box-shadow: 0 1px 12px rgba(0,0,0,0.3); background: -webkit-linear-gradient(top,#ffe6d4 0,#ffccab 100%); background: -moz-linear-gradient(top,#ffe6d4 0,#ffccab 100%); background: -o-linear-gradient(top,#ffe6d4 0,#ffccab 100%); background: linear-gradient(to bottom,#ffe6d4 0,#ffccab 100%); }
    .eg-btn:hover { background: -webkit-linear-gradient(top,#ffccab 0,#ffe6d4100%); background: -moz-linear-gradient(top,#ffccab 0,#ffe6d4 100%); background: -o-linear-gradient(top,#ffccab 0,#ffe6d4 100%); background: linear-gradient(to bottom,#ffccab 0,#ffe6d4 100%); -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.3); box-shadow: 0 1px 8px rgba(0,0,0,0.3); }
button.eg-btn { border: 0; border-radius: 18px; font-size: 1.3em; }
.btn-line { text-align: center; padding: 1em 0; }
.btn-grp-line { text-align: center; padding: 1em 0; }
.btn-line .eg-btn { margin: 0 10px; color: #352002; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.eg-btn.start-btn { border-radius: 18px; }
.em-spinner-n { animation: rotateIn 4.8s .02s cubic-bezier(0.01,0.01,0,1) both; -webkit-animation: rotateIn 4.8s .02s cubic-bezier(0.01,0.01,0,1) both; -moz-animation: rotateIn 4.8s .02s cubic-bezier(0.01,0.01,0,1) both; }

@keyframes rotateIn {
    0% { transform-origin: center center; transform: rotate(0deg); }
    100% { transform-origin: center center; transform: rotate(2456deg); }
}

@-webkit-keyframes rotateIn {
    0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0deg); }
    100% { -webkit-transform-origin: center center; -webkit-transform: rotate(2456deg); }
}

@-moz-keyframes rotateIn {
    0% { -moz-transform-origin: center center; -moz-transform: rotate(0deg); opacity: 0; }
    100% { -moz-transform-origin: center center; -moz-transform: rotate(2456deg); }
}

.popBounceIn { display: block; animation: bounceIn 1s .2s ease both; -webkit-animation: bounceIn 1s .2s ease both; -moz-animation: bounceIn 1s .2s ease both; }

@-webkit-keyframes bounceIn {
    0% { opacity: 0; transform: scale(.3); }
    50% { opacity: 1; transform: scale(1.05); }
    70% { transform: scale(.9); }
    100% { transform: scale(1); }
}

@-webkit-keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: scale(.3); }
    50% { opacity: 1; -webkit-transform: scale(1.05); }
    70% { -webkit-transform: scale(.9); }
    100% { -webkit-transform: scale(1); }
}

@-moz-keyframes bounceIn {
    0% { opacity: 0; -moz-transform: scale(.3); }
    50% { opacity: 1; -moz-transform: scale(1.05); }
    70% { -moz-transform: scale(.9); }
    100% { -moz-transform: scale(1); }
}

.check-view { opacity: .1; -webkit-animation-duration: 2.0001s; animation-duration: 2.0001s; -webkit-animation-name: em-node-inserted; animation-name: em-node-inserted; }

@-webkit-keyframes em-node-inserted {
    0% { opacity: .1; }
    50% { opacity: 1; }
    100% { opacity: .1; }
}

@keyframes em-node-inserted {
    0% { opacity: .1; }
    50% { opacity: 1; }
    100% { opacity: .1; }
}

.shakjump { -webkit-animation: shakjumplop infinite .75s; animation: shakjumplop infinite .75s; -webkit-transform-origin: 50% 100%; }

@-webkit-keyframes shakjumplop {
    0% { -webkit-transform: rotateZ(-6deg); }
    50% { -webkit-transform: rotateZ(6deg); }
    100% { -webkit-transform: rotateZ(-6deg); }
}

@keyframes shakjumplop {
    0% { transform: rotateZ(-6deg); }
    50% { transform: rotateZ(6deg); }
    100% { transform: rotateZ(-6deg); }
}

.scarejump { -webkit-animation: shakjumplop infinite .75s; animation: scarejumplop infinite .75s; -webkit-transform-origin: 50% 100%; }

@-webkit-keyframes scarejumplop {
    0% { -webkit-transform: scale(1.1); }
    20% { -webkit-transform: scale(1); }
    40% { -webkit-transform: scale(1.1); }
    60% { -webkit-transform: scale(1); }
    100% { -webkit-transform: scale(1); }
}

@keyframes scarejumplop {
    0% { transform: scale(1.1); }
    20% { transform: scale(1); }
    40% { transform: scale(1.1); }
    60% { transform: scale(1); }
    100% { transform: scale(1); }
}

.em-notransition { transition: none !important; }
.processing { background-color: rgba(255,255,255,.3); height: 10px; border-radius: 5px; line-height: 0; overflow: hidden; width: 95%; margin: 5px auto 0 auto; }
    .processing > div { background-color: rgba(255,255,255,.678); height: 10px; border-radius: 5px; line-height: 0; overflow: hidden; width: 0; }
.draw-btm-bar .eg-btn { margin: 0 15px; }
.mainContainer { border: 1px dotted rgba(255,255,255,.3); border-radius: 10px; }
.result-score { text-align: center; color: rgba(255,255,255,.78); }
    .result-score > span { font-size: 2em; }
.popwin { width: 90%; position: fixed; min-height: 100px; z-index: 2147483647; top: 25%; margin-top: -50px; left: 50%; margin-left: -45%; display: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.95); color: #000; text-align: center; box-shadow: 0 0 18px rgba(0,0,0,.5); background-color: rgba(255,255,255,0.8); background: #f28817 url(../../images/HuaYuanDan/bg.jpg) center center no-repeat; background-size: 100% 100%; padding: 20px 0; color: #730000; }
    .popwin .showresult > img { height: 100%; max-height: 100%; }
.home { height: 100%; width: 100%; }
.home-content { border: 1px dotted rgba(255,255,255,.5); height: 70%; width: 100%; position: fixed; top: 15%; }
.home-content .main-canvas { height: 1px; width: 100%; position: relative; font-size: 16px; top: 82%; }
.main-canvas .eg-img { position: absolute;z-index:0;  }
.main-canvas .eg-game-tit { width: 80%; bottom: 0rem; left: 50%; margin-left: -40%; }
.main-canvas .eg-eggman { width: 50%; bottom: 4rem; left: 50%; margin-left: -25%; /*-webkit-box-reflect: below -11px -webkit-gradient(linear,0% 60%,-7% 113%,from(rgba(255,255,255,0)),to(rgba(255,255,255,.8)));*/ }
.main-canvas .eg-pifeng { width: 66%; left: 50%; margin-left: -40%; bottom: 5rem; }
.main-canvas .eg-star1 { width: 10%; left: 50%; margin-left: -45%; bottom: 13rem; }
.main-canvas .eg-star2 { width: 12%; left: 50%; margin-left: 19%; bottom: 26rem; }
.main-canvas .eg-star3 { width: 10%; left: 50%; margin-left: 32%; bottom: 10rem; }
.main-canvas .eg-shortpan { width: 50%; bottom: 4rem; left: 55%; margin-left: -30%; }
.main-canvas .eg-hongbao { width: 16%; left: 50%; margin-left: -7.7%; bottom: 7rem; }
.main-canvas .eg-hongbao1 { width: 15%; left: 40%; margin-left: -11%; bottom: 6.5rem; transform: rotate(-30deg); }
.main-canvas .eg-hongbao2 { width: 15%; left: 60%; margin-left: -4%; bottom: 6.5rem; transform: rotate(30deg); }
.main-canvas .eg-hongbao3 { width: 17%; left: 7%; margin-left: -1rem; bottom: 21rem; transform: rotate(-31deg); }
.main-canvas .eg-hongbao4 { width: 13%; left: 78%; bottom: 17rem; transform: rotate(30deg); }
.home-btn-line { position: fixed; bottom: 2rem; text-align: center; width: 100%; }
.home-btn-line .eg-btn { color: #390000; width: 40%; }
.wikits { -webkit-animation: scalelop infinite 1s; animation: scalelop infinite 1s; -webkit-transform-origin: 350% 280%; }

@-webkit-keyframes scalelop {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    30% { -webkit-transform: scale(0.75) rotateZ(-6deg); transform: scale(0.75) rotateZ(-6deg); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scalelop {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    30% { -webkit-transform: scale(0.75) rotateZ(-6deg); transform: scale(0.75) rotateZ(-6deg); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

.wikits-r { -webkit-animation: scalelop-r infinite 1s; animation: scalelop-r infinite 1.1s; -webkit-transform-origin: -259% 334%; transform-origin: -259% 334%; }

@-webkit-keyframes scalelop-r {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    30% { -webkit-transform: scale(0.75) rotateZ(6deg); transform: scale(0.75) rotateZ(6deg); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scalelop-r {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    30% { -webkit-transform: scale(0.75) rotateZ(6deg); transform: scale(0.75) rotateZ(6deg); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

.wikits-r2 { -webkit-animation: scalelop-r infinite 1s; animation: scalelop-r infinite 1.2s; -webkit-transform-origin: -259% 334%; transform-origin: -259% 334%; }
.wikits-pf { -webkit-animation: scalelop2 infinite .15s; animation: scalelop2 infinite .15s; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; }

@-webkit-keyframes scalelop2 {
    0% { -webkit-transform: scale(1) rotateX(0deg); transform: scale(1) rotateX(0deg); }
    50% { -webkit-transform: scale(0.75) rotateX(2deg) rotateZ(3deg); transform: scale(0.75) rotateX(2deg) rotateZ(3deg); }
    100% { -webkit-transform: scale(1) rotateX(0deg) rotateZ(0deg); transform: scale(1) rotateX(0deg) rotateZ(0deg); }
}

@keyframes scalelop2 {
    0% { -webkit-transform: scale(1) rotateX(0deg); transform: scale(1) rotateX(0deg); }
    50% { -webkit-transform: scale(0.95) rotateX(2deg) rotateZ(3deg); transform: scale(0.95) rotateX(2deg) rotateZ(3deg); }
    100% { -webkit-transform: scale(1) rotateX(0deg) rotateZ(0deg); transform: scale(1) rotateX(0deg) rotateZ(0deg); }
}

.wikits-egg { -webkit-animation: scalelop3 infinite 2.2s; animation: scalelop3 infinite 1.5s; -webkit-transform-origin: 50% 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 100%; }

@-webkit-keyframes scalelop3 {
    0% { -webkit-transform: scale(1) rotateX(0deg); transform: scale(1) rotateX(0deg); }
    10% { -webkit-transform: scale(0.75) rotateX(2deg); transform: scale(0.75) rotateX(2deg); }
    20% { -webkit-transform: scale(1) rotateX(0deg) rotateZ(0deg); transform: scale(1) rotateX(0deg) rotateZ(0deg); }
    30% { -webkit-transform: scale(0.98) rotateX(2deg); transform: scale(0.98) rotateX(2deg); }
    80% { -webkit-transform: scale(1) rotateX(0deg); transform: scale(1) rotateX(0deg); }
}

@keyframes scalelop3 {
    0% { -webkit-transform: scale(1) rotateX(0deg); transform: scale(1) rotateX(0deg); }
    10% { -webkit-transform: scale(0.98) rotateX(2deg); transform: scale(0.98) rotateX(2deg); }
    20% { -webkit-transform: scale(1) rotateX(0deg) rotateZ(0deg); transform: scale(1) rotateX(0deg) rotateZ(0deg); }
    30% { -webkit-transform: scale(0.98) rotateX(2deg); transform: scale(0.98) rotateX(2deg); }
    80% { -webkit-transform: scale(1) rotateX(0deg); transform: scale(1) rotateX(0deg); }
}

.animated { -webkit-animation-duration: .55s; animation-duration: .55s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% { -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1); animation-timing-function: cubic-bezier(0.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
    40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); }
    60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); }
    80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); }
    100% { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

@keyframes bounceIn {
    0%,100%,20%,40%,60%,80% { -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1); animation-timing-function: cubic-bezier(0.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
    40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); }
    60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); }
    80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); }
    100% { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

@keyframes bounceInDown {
    0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1); animation-timing-function: cubic-bezier(0.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0); }
    60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0); }
    75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); }
    90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); }
    100% { -webkit-transform: none; transform: none; }
}

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
    0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1); animation-timing-function: cubic-bezier(0.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0); }
    60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0); }
    75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); }
    90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0); }
    100% { -webkit-transform: none; transform: none; }
}
